<template>
    <div id="app">

      <h1>版本号:{{version}}</h1>

    <div class="cart" v-if="env==='development'">
      <Products></Products>
      <hr>
      <Carts></Carts>
    </div>


    <comment v-else></comment>
  

    <selectCom></selectCom>
   </div>
</template>
  
<script>
  import Carts from '@/components/Carts'
  import Products from '@/components/Products'

  import comment from "components/comment"

  import selectCom from "components/select"
  export default{
    data(){
      return{
        version:'',
        env:"development"
      } 
    },
    created(){
      console.log(process.env);
      this.version = process.env.VUE_APP_VERSION
      this.env = process.env.NODE_ENV
    },
    components:{
      Carts,
      Products,
      comment,
      selectCom
    },
  
  }
</script>

<style>
#app{
  color: pink;
}
</style>

